<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box {
            width: 100px;
            height: 100px;
            border: 1px solid #000;
        }
    </style>
</head>

<body>

    <div id="box">

    </div>

</body>
<script>

    /* 
        1. => 箭头的函数的左侧（参数）是可以简写
            什么情况下可以简写？
               当函数的参数只有一个的时候，则箭头函数的参数列表是可以简写的。
               可以把括号() 省略不写


    */

    /* 
    完整写法：
     const pow = (a) => {
        return a * a;
    };
    */

    /* 左侧参数简化写法 
    const pow = a => {
        return a * a;
    };
    */

    /* 左侧和右侧一起简写 */
    const pow = a => a * a;

    console.log(pow(7));









</script>

</html>